Brand Trainers Travel theme — navy/gold/off-white color scheme and fonts#3913
Open
trainerstravel wants to merge 16 commits intoShopify:mainfrom
Open
Brand Trainers Travel theme — navy/gold/off-white color scheme and fonts#3913trainerstravel wants to merge 16 commits intoShopify:mainfrom
trainerstravel wants to merge 16 commits intoShopify:mainfrom
Conversation
- Set brand color schemes (navy #1A1A2E primary, gold #C8A96E accents, off-white #F2F0EB text) across all 5 Dawn color schemes in settings_data.json and settings_schema.json - Switch fonts to Playfair Display (headings) and DM Sans (body) via Shopify font picker + Google Fonts fallback in theme.liquid - Create assets/trainers-travel-brand.css with full brand overrides: CSS variable cascades for all schemes, typography, buttons, header, footer, cards, forms, cart, nav, and hero banner - Hero banner uses CSS-only navy background with repeating SVG diamond grid in gold (no stock images), radial gradient depth layer, and glass-effect text box with gold decorative accent line Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Create sections/tt-hero.liquid: Shopify section with schema-driven
heading, subheading, eyebrow, primary + secondary CTA buttons and
a full 7-layer CSS-only animated background (grid, waves, slash,
rings, particles). Replaces Dawn's image-banner on the homepage.
- Create assets/section-tt-hero.css: All visual design —
* Diamond grid SVG tile (80×80, gold 10% opacity)
* Three ambient glow blobs with 29–47s drift animations
* Diagonal slash (bold stripe + hairline) with shimmer, angled -22deg
* Three concentric gold ring arcs anchored right-of-center,
with border-color pulse animations (no transform conflicts)
* 12 staggered floating gold particles with tt-particle-rise
* Staggered content entrance (eyebrow reveal, rule expand, fade-up)
* CSS scroll-driven parallax on rings/waves (@supports progressive)
* Full prefers-reduced-motion override — zero JS dependencies
* Fluid clamp() font sizes, fully mobile responsive
- Update templates/index.json: Replace image_banner with tt_hero,
pre-populate with brand defaults (heading, subheading, button).
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Create templates/page.why-trainers-travel.json: custom page template
that uses the tt-why section exclusively. Assign this template to a
Shopify page at /pages/why-trainers-travel in the admin.
- Create sections/tt-why.liquid: eight-zone editorial layout —
(1) Hook: oversized opening with staggered '$289 → $387' price reveal
(2) Who We Are: sticky 2-col grid with founder attribution
(3) Pull Quote: full off-white breakout, 4.8rem italic Playfair
(4) How It Works: 3 steps with 10rem decorative gold numerals
(5) Three Pillars: staggered left/right/center max-width columns
with Roman numeral markers
(6) Indianapolis: city name at 14rem italic gold — campaign poster
moment — with event roadmap (NAIC, Worlds)
(7) Founder Note: letter format, gold left border, italic sign-off
(8) Contact: large italic email link with animated gold underline
Schema: founder_name, contact_email, cta_text, cta_link — editable
from Shopify customizer without touching code.
IntersectionObserver scroll-reveal with 6-tier stagger delays.
prefers-reduced-motion: reveals all content immediately.
- Create assets/section-tt-why.css: full layout and visual system —
alternating navy/off-white zone backgrounds, Playfair Display
headings, DM Sans body, clamp() fluid type from mobile to desktop,
staggered [data-reveal] CSS transitions, decorative diagonal slash
echoing the hero, sticky about-left column, pillar stagger via
margin-left/auto, 'Indianapolis.' at clamp(6rem, 12vw, 14rem),
hover-animated email underline, all zones mobile responsive.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Replace all instances of "Connor Bray" with team-attributed copy: - About section: "Our founder Connor Bray has flown..." → "Our team has flown..." with pronoun shift from he/his to we/our - Founder note closing: "Let me handle it." → "We've got it handled." - Signature: "— Connor Bray / Founder, Trainers Travel" → "— The Trainers Travel Team" - Schema default and preset for founder_name updated to match Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Founder note section: - Eyebrow: "A note from the founder" -> "A note from our team" - Para 1: I've/I was/I waited/I've seen/I've split -> We've/we were/we waited/We've seen/We've split - Para 3: "I did the work" -> "We did the work", "I'm not a booking platform" -> "We're not a booking platform", "I'm a player who handles" -> "We're players who handle" Schema cleanup: - Remove orphaned founder_name field (no longer rendered in template) - Rename schema header "Founder & contact" -> "Contact" - Remove founder_name from preset settings block Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…ayout Removes tt-hero, tt-why, and the why-trainers-travel page template entirely. Replaces them with tt-home: a single vertical flow (header → event → price comparison → buy cards → FAQ → footer) built for community-tool utility rather than a polished sales funnel. No scroll reveals, no animations, no decorative type — just the deal. Header hides Dawn's nav on the homepage; header-group simplified (no announcement bar, no country/language selectors, no sticky). Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Clears the menu reference in header-group.json so no nav links appear (Catalog, Contact, Why Trainers Travel are gone). Adds tt-sponsored section and page.sponsored-players.json template — player cards managed via theme editor blocks, empty state shows until players are added. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Replaces Indy-specific answers with broad copy that works for any event. Adds two new entries: loyalty account (no membership needed) and early/late stay (group rate extensions). Cancellation answer now correctly defers to per-product terms rather than stating a blanket no-refund policy. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Homepage (tt-home):
- Replaces the single-event block and hardcoded price comparison with a
general hero ("Travel smarter. Compete harder.") and a dynamic events
grid that reads from a Shopify navigation menu (handle: event-collections).
- Adding a new event requires zero theme changes: create the collection in
admin, add it to the Event Collections nav menu, done.
- Each event card derives status badge (Now Booking / Selling Fast / Sold Out /
Coming Soon) and starting price from product tags at render time.
- Buy buttons removed from homepage — purchasing happens on collection pages.
New: sections/tt-event-header.liquid + assets/section-tt-event-header.css
- Event collection page header: title, status badge, date/city from product
tags, collection description from admin (hotel name, venue proximity, any
event-specific details live there — not in theme code), starting price,
back-to-events link.
New: templates/collection.event.json
- Apply this template in admin to any event collection. Uses tt-event-header
above the standard Dawn product grid with filtering/sorting disabled
(not needed for small room-type listings).
No hardcoded event names remain anywhere in the theme.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Previously the grid only read from a Shopify nav menu that didn't exist yet, so visitors saw an empty state. Now: - Section blocks (collection pickers in theme editor) are used when the nav menu isn't set up — add an Event block, pick a collection, done. - Nav menu (event-collections) takes over automatically if it exists, which is the zero-maintenance path for when there are many overlapping events. - Indianapolis block pre-wired in index.json (collection handle: indianapolis-regional-2026) — update the handle if yours differs. - Card rendering extracted to snippets/tt-event-card.liquid so both code paths produce identical markup. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
PR Summary:
Why are these changes introduced?
Fixes #0.
What approach did you take?
Other considerations
Decision log
Visual impact on existing themes
Testing steps/scenarios
Demo links
Checklist